<style>
    .el-card {
        border-radius: 4px;
        border: 1px solid #EBEEF5;
        background-color: #FFF;
        overflow: hidden;
        color: #303133;
        -webkit-transition: .3s;
        transition: .3s;
    }
    .el-card__header {
        padding: 18px 20px;
        border-bottom: 1px solid #EBEEF5;
        box-sizing: border-box;
    }
    .el-card__body, .el-main {
        padding: 20px;
    }
    .el-descriptions {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 14px;
        color: #303133;
    }
    .el-descriptions__body {
        color: #606266;
        background-color: #FFF;
    }
    .el-descriptions .is-bordered {
        table-layout: auto;
    }
    .el-descriptions__body .el-descriptions__table {
        border-collapse: collapse;
        width: 100%;
        table-layout: fixed;
    }
    table {
        background-color: transparent;
    }
    tbody {
        display: table-row-group;
        vertical-align: middle;
        border-color: inherit;
    }
    tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit;
    }

    .el-descriptions :not(.is-bordered) .el-descriptions-item__cell {
        padding-bottom: 12px;
    }
    .el-descriptions .is-bordered .el-descriptions-item__cell {
        border: 1px solid #EBEEF5;
        padding: 12px 10px;
    }
    .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
        font-weight: 400;
        line-height: 1.5;
    }
    .el-descriptions-item__label.is-bordered-label {
        font-weight: 700;
        color: #909399;
        background: #fafafa;
    }
    .answer-right {
        background: #E1F3D8;
    }
    .answer-fail {
        background: #FDE2E2;
    }
    .answer-empty {
        background: #eae2fd;
    }
    .question-item {
        padding: 15px;
    }
    .el-tag--plain.el-tag--warning {
        background-color: #fff;
        border-color: #f5dab1;
        color: #e6a23c;
    }
    .el-tag.el-tag--warning {
        background-color: #fdf6ec;
        border-color: #faecd8;
        color: #e6a23c;
    }
    .el-tag--small {
        height: 24px;
        padding: 0 8px;
        line-height: 22px;
    }
    .el-tag--plain {
        background-color: #fff;
        border-color: #b3d8ff;
        color: #409eff;
    }
    .el-tag {
        background-color: #ecf5ff;
        border-color: #d9ecff;
        height: 32px;
        padding: 5px;
        line-height: 30px;
        font-size: 12px;
        color: #409EFF;
        border-width: 1px;
        border-style: solid;
        border-radius: 4px;
        box-sizing: border-box;
        white-space: nowrap;
    }

</style>
<div class="el-card box-card is-always-shadow" style="margin-bottom: 20px;">
    <div class="el-card__header">
        <div class="clearfix"><span>学员信息</span></div>
    </div>
    
    <div class="el-card__body">
         <div class="el-descriptions">
            <div class="el-descriptions__body">
                <table class="el-descriptions__table is-bordered">
                    <tbody>
                        <tr class="el-descriptions-row">
                            <th colspan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label ">用户名</th>
                            <td colspan="1" class="el-descriptions-item__cell el-descriptions-item__content">{$row['nickname']}</td>
                            <th colspan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label ">操作时间</th>
                            <td colspan="1" class="el-descriptions-item__cell el-descriptions-item__content">{$row['createtime']|date="Y-m-d H:i:s",###}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>


<div class="el-card box-card is-always-shadow" style="margin-bottom: 20px;">
    <div class="el-card__header">
        <div class="clearfix"><span>课程情况</span></div>
    </div>

    <div class="el-card__body"> 
        <div class="el-descriptions" style="margin-bottom: 30px;">
            <div class="el-descriptions__body">
                
                <table class="el-descriptions__table is-bordered">
                    <tbody>
                        <tr class="el-descriptions-row">
                            <th colspan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label ">答对数</th>
                            <td colspan="1" class="el-descriptions-item__cell el-descriptions-item__content answer-right">{$row['right_count']}题</td>
                            <th colspan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label ">答错数</th>
                            <td colspan="1" class="el-descriptions-item__cell el-descriptions-item__content answer-fail">{$row['error_count']}题</td>
                            <th colspan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label ">空题数</th>
                            <td colspan="1" class="el-descriptions-item__cell el-descriptions-item__content answer-empty">{$row['empty_count']}题</td>
                        </tr>
                    </tbody>
                </table>

            </div>
        </div>
    </div>

</div>


<div class="el-card box-card is-always-shadow" style="margin-bottom: 20px;">
    <div class="el-card__header">
        <div class="clearfix"><span>试题情况</span></div>
    </div>
    
    <div class="el-card__body">
        {volist name="list" id="vo" key="k"}
        <div class="question-item">
            <div class="el-descriptions">
                <div class="el-descriptions__body">
                    
                    <table class="el-descriptions__table is-bordered">
                        <tbody>
                            <tr class="el-descriptions-row">
                                <th colspan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label th-fix-width">标题</th>
                                <td colspan="9" class="el-descriptions-item__cell el-descriptions-item__content">{$k}.<span>{$vo.title}</span></td>
                            </tr> 
                            <tr class="el-descriptions-row">
                                <th colspan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label th-fix-width">选项</th> 
                                <td colspan="9" class="el-descriptions-item__cell el-descriptions-item__content"><div></div></td>
                            </tr>
                        </tbody> 
                        <tbody>
                            <tr class="el-descriptions-row"> 
                                <th colspan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label th-fix-width">题型</th>
                                <td colspan="1" class="el-descriptions-item__cell el-descriptions-item__content th-fix-width">
                                    <span class="el-tag el-tag--warning el-tag--small el-tag--plain">通话题</span>
                                </td> 
                                <th colspan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label th-fix-width">难度</th>
                                <td colspan="1" class="el-descriptions-item__cell el-descriptions-item__content th-fix-width">
                                    <span >普通</span>
                                </td> 
                                <th colspan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label th-fix-width">正确答案</th> 
                                <td colspan="1" class="el-descriptions-item__cell el-descriptions-item__content"></td> 
                                <th colspan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label th-fix-width">用户答案</th>
                                <td colspan="1" class="el-descriptions-item__cell el-descriptions-item__content"></td> 
                                <th colspan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label th-fix-width">得分</th> 
                                <td colspan="1" class="el-descriptions-item__cell el-descriptions-item__content th-fix-width"><b>0</b>分</td>
                            </tr>
                            </tbody>
                    </table>
                    
                </div>
            </div>
        </div>
    {/volist}
</div>
</div>